<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>统计</title>
    <link rel="stylesheet" href="/layuis/layui.css">
    <script src="/layui/layui.js"></script>
    <script src="/js/echarts.min.js"></script>
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width: 1000px;height:500px;"></div>
</body>
<script type="text/javascript">
    layui.use(['jquery'], function(){
        let $ = layui.jquery;
        // 基于准备好的dom，初始化echarts实例
        let myChart = echarts.init(document.getElementById('main'));
        $.ajax({
            url: "lab/getView",//路径

            dataType: "json",//相应的数据类型：服务器给我的
            type: "post",
            success: function (data) {
                // 指定图表的配置项和数据
                var option = {
                    legend: {},
                    color:['#FF9933'],
                    tooltip: {},
                    dataset: {
                        // 提供一份数据。
                        source: data.data
                    },
                    // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
                    xAxis: {type: 'category'},
                    // 声明一个 Y 轴，数值轴。
                    yAxis: {} ,
                    series: [

                        {type: 'bar'}
                    ]

                    // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
                };

                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            }
        })



    });


</script>

<html>